<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="Employee, App_Web_odyrwiur" %>

<%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <style type="text/css">
        .textbox
        {
        }
        .btnRt003366
        {
        }
        .style17
        {
            font-family: Verdana;
            font-size: 9pt;
        }
        .style18
        {
            font-family: Verdana;
            font-size: 8pt;
        }
        .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
.form-check, label {
    font-size: 12px;
    line-height: 1.42857;
    color: #495057;
    font-weight: 100;
    padding-left: 10px;
    position: relative;
    top: -2px;
}
#MainContent_myfile
{
    display:none;
}
.profile-img:hover .filebutton
{
    display:block;
    cursor: pointer;
 
}
.filebutton
{
    display:none;
     position: absolute !important;
    left: 43px;
    top: 26px !important;
}
#MainContent_output
{
    width: 100%;
    border-radius: 8px;
}
#MainContent_output1
{
    
    display:none;
}
#MainContent_chksw1
{
    position: relative;
    left: -10px;
    top: -2px;
}
#MainContent_chksw2
{
    position: relative;
    left: -10px;
    top: -2px;
}
#MainContent_chksw3
{
    position: relative;
    left: -10px;
    top: -2px;
}
#MainContent_chksw4
{
    position: relative;
    left: -10px;
    top: -2px;
}
#MainContent_chksw5
{
    position: relative;
    left: -10px;
    top: -2px;
}
                      .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.form-check, label {
    font-size: 12px !important;
    line-height: 0.22857 !important;
    color: #aaa;
    font-weight: 400;
}
.card-body span
{
    font-size:13px;
    font-weight:600;
}
.container .card
{
    margin-top:-44px;
}
#MainContent_lblSecondWeeklyOffDays
{
    position: relative;
    top: 12px;
}
.ajax__calendar_day {
 
    width: 100% !important;  
}
.ajax__calendar_dayname {
   
    width: 100% !important;

}
#MainContent_lblshiftorder
{
        font-size: 15px !important;
}
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <%-- <link rel="stylesheet" type="text/css" href="css/Master.css" />--%>
    <%--
    <link href="../css/Master.css" rel="stylesheet" type="text/css" />
    --%>

    <script type="text/javascript">

        $(document).ready(function () {
            $("[rel='tooltip']").tooltip();
            $('.profile-img').hover(
            function () {
                $(this).find('.caption').fadeIn(250); //.slideDown(250)
            },
            function () {
                $(this).find('.caption').fadeOut(205); //.slideUp(205)
            }
        );
        });
        function validate() {
            var txttext = document.getElementById("<%= Txtempname.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Company Name");
                document.getElementById("<%= Txtempname.ClientID %>").focus();
                return false;
            }

            var txttext = document.getElementById("<%= Txtpaycode.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Employee  Code.");
                document.getElementById("<%= Txtpaycode.ClientID %>").focus();
                return false;
            }

            var txttext = document.getElementById("<%= Txtcardno.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter  Biometrics No");
                document.getElementById("<%= Txtcardno.ClientID %>").focus();
                return false;
            }
            var txttext = document.getElementById("<%= cbocompnayname.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Company  Name");
                document.getElementById("<%= cbocompnayname.ClientID %>").focus();
                return false;
            }
            var txttext = document.getElementById("<%= cbodesignation.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Desgination Name");
                document.getElementById("<%= cbodesignation.ClientID %>").focus();
                return false;
            }

            var txttext = document.getElementById("<%= cbodeptname.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Department  Name");
                document.getElementById("<%= cbodeptname.ClientID %>").focus();
                return false;
            }



            var txttext = document.getElementById("cboofficetimepolicy.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Employee Policy");
                document.getElementById("<%= cboofficetimepolicy.ClientID %>").focus();
                return false;
            }
            var txttext = document.getElementById("<%= cboshifttype.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter ShiftType");
                document.getElementById("<%= cboshifttype.ClientID %>").focus();
                return false;
            }




            var txttext1 = document.getElementById("<%= cboshiftname.ClientID %>").value;
            if (txttext1 == "") {
                alert("Please Enter Shift Name");
                document.getElementById("<%= cboshiftname.ClientID %>").focus();
                return false;
            }

            function chan() {
                if ((event.keyCode < 46) || (event.keyCode > 57) || (event.keyCode == 47))
                    return false;
            }



            var txttext = document.getElementById("<%= cbohalfdayshift.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Half Day Shift");
                document.getElementById("<%= cbohalfdayshift.ClientID %>").focus();
                return false;
            }

            var txttext = document.getElementById("<%= cbodeptname.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Department");
                document.getElementById("<%= cbodeptname.ClientID %>").focus();
                return false;
            }

            var txttext = document.getElementById("<%= cbobranchname.ClientID %>").value;
            if (txttext == "") {
                alert("Please Enter Branch");
                document.getElementById("<%= cbobranchname.ClientID %>").focus();
                return false;
            }

            //        var txttext = document.getElementById("cbosupirero").value;
            //        if (txttext == "") {
            //            alert("Please Enter Supireo Name");
            //            document.getElementById("cbosupirero").focus();
            //            return false;
            //        }
            return true;
        }

        function NumberOnly() {
            var AsciiValue = event.keyCode
            if ((AsciiValue >= 48 && AsciiValue <= 57) || (AsciiValue == 8 || AsciiValue == 127))
                event.returnValue = true;
            else
                event.returnValue = false;
        }


        function search() {
            window.open('Employee_EmpSearch.aspx', 'Search Employee', 'height=200', 'width=200');
        }

        function Button1_onclick() {

            window.open('Captureimage.aspx', 'popup_window', 'width=750,height=450,left=100,top=100,menubar=no,resizable=no,scrollbars=yes,location=no,toolbar=no');


        }




        function empimage1_onclick() {

        }

    </script>
     <div class="modal fade" id="uploadphoto" tabindex="-1" role="dialog" aria-labelledby="uploadphoto" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
        <asp:UpdatePanel ID="UpdatePanel3" class="row mx-0" runat="server" UpdateMode="Conditional" ViewStateMode="Enabled">
                                            <ContentTemplate>
                                                
    <div class="modal-content">
      <div class="modal-header" style="border-bottom:1px solid #e0e0e0">
          <div class="row" style="width:100%;">
              <div class="col-8">
<h5 class="modal-title">Update User Details In Device</h5>
              </div>
              <div class="col-4">
                     <asp:Label ID="LDev_ID" runat="server" Visible="false"></asp:Label>
                     <asp:Label ID="UpdateTimeTxt" runat="server" Visible="false"></asp:Label>
                    <div class="d-flex">
                       <%--  <asp:DropDownList ID="selectmachine" CssClass="form-control d-block" runat="server">
                        <asp:ListItem>Machine1</asp:ListItem>--%>
                 <%--   </asp:DropDownList>
                    <button class="btn btn-sm btn-info" runat="server" id="catchdevice">Go</button>--%>
                    </div>
              </div>
          </div>
    <hr />
      </div>
      <div class="modal-body py-25">
            <div class="row m-0">
                <div class="col-4">
                    <label class="pl-0 mb-0">Select Devices</label>
                    <asp:DropDownList ID="Device_List" CssClass="form-control" runat="server" OnSelectedIndexChanged="availdevices_SelectedIndexChanged" AutoPostBack="true" style="width:140px;">
                        
                    </asp:DropDownList>
                </div>
                <div class="col-3">
                  Serial No.
                    <asp:Label ID="LDev_Name" runat="server" Text="" CssClass="d-block" style="width:110px;"></asp:Label>
              </div>
                <div class="col-2">
                  Status. <asp:Image ID="StatusImg" runat="server" Height="20px" ImageUrl="~/images/redon.png"  Width="20px" />
              </div>
              <div class="col-3">
                 
                  <asp:Button ID="Btnconnect" runat="server" type="button" Text="Connect" class="btn btn-success mt-15" OnClick="Btnconnect_Click"  />
              </div>
            </div>
          <div class="row mt-50 mx-0">
              <div class="col">
                  <asp:Label runat="server" ID="lblmsg" Text="Message: " Visible="true"  ></asp:Label>
                  <asp:Label runat="server" ID="msgdevice" Text=""     ></asp:Label>
              </div>
          </div>
      </div>
      <div class="modal-footer text-center py-20" style="justify-content:center;border-top:1px solid #e0e0e0">
        <asp:Button ID="Btnuploadname" runat="server" type="button" Text="upload Name " class="btn btn-success" OnClick="Btnuploadname_Click"   />
             <asp:Button ID="BtnEnableUser" runat="server" type="button" Text="Enable User " class="btn btn-success" OnClick="BtnEnableUser_Click"   />
           <asp:Button ID="BtnDisableUser" runat="server" type="button" Text="Disable User " class="btn btn-danger" OnClick="BtnDisableUser_Click"   />

                   <asp:Button ID="BtnDeleteUser" runat="server" type="button" Text="Delete User " class="btn btn-danger" OnClick="BtnDeleteUser_Click"    />
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
                                                </ContentTemplate>
            </asp:UpdatePanel>
  </div>
</div>
           <div class="main-panel">
        <div class="content">
        <div class="container" id="Employee123" runat="server"> 
    <div class="row dash-pane2">

    <div class="card">
                <div class="card-header card-header-warning" id="cardheadergreen" runat="server">
                  <h4 class="card-title">  <i class="fa fa-edit fa-fw"></i>
                        <asp:Label ID="lblAddEditEmployeeDetails" runat="server" Text="Add/Edit Employee Details"></asp:Label></h4>
            
                </div>
                <div class="card-body table-responsive">
                 <div class="row">
                        <div class="col-lg-2 col-md-2 col-sm-2">
                        <div class="profile-img">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="profile-img">
                                <div class="caption">
                                    <label class="filebutton">
                                        <i class="fa fa-camera fa-4x mt-15"></i><span>
                                            <%--<input type="file" id="myfile" accept="image/*" onchange="loadFile(event)" />--%>
                                            <asp:FileUpload ID="myfile" runat="server" onchange="loadFile(event)" />
                                        </span>
                                    </label>
                                </div>
                                <%-- <img id="output"/>   --%>
                                <img id="output" runat="server" src="~/images/profile-icon.png" height="150" width="150" alt="user" />
                                <asp:Image ID="output1" runat="server" />
                            </div>
                            <script>

                                var loadFile = function (event) {
                                    var reader = new FileReader();
                                    reader.onload = function () {
                                        var output = document.getElementById("<%= output.ClientID %>");
                                        output.src = reader.result;

                                        var output1 = document.getElementById("<%= output1.ClientID %>");
                                        output1.src = reader.result;

                                        //  alert(reader.result);
                                    };
                                    reader.readAsDataURL(event.target.files[0]);
                                };
                            </script>
                        </div>
                        <div class="col-md-12" style="margin-top: 5px; padding-left:15px;">
                            <%--<input type="button" value="Upload" class="btn btn-success" />--%>
                            <%--<img alt="" src="" runat="server" id="empimage1" visible="false"
                    onclick="return empimage1_onclick()" />--%>
                            <asp:Button ID="cmdUpLoad" runat="server" class="btn btn-success" Visible="false"
                                OnClick="cmdUpLoad_Click" Text="Upload" />
                            <%--<input type="button" value="Web Cam" class="btn btn-danger" />--%>
                             
                        </div>
                        <div class="row">
                        <div class="col-lg-3">
                            <asp:ImageButton ID="deleteImg"   ImageUrl="images/trash-128.png"  
                                runat="server" ToolTip="Delete Employee Profile Photo" 
                                onclick="deleteImg_Click" /></div>
                         <div class="col-lg-9" style="margin-left:-10px;">
                         <input id="Button1" type="button" value="Web cam"   
                                class="btn btn-danger" style="width:95%" />
                         </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-lg-10">
                        <div class="row">
                        <div class="col-md-4">
                            <asp:Label ID="lblEmployeeName" runat="server" Text="Employee Name"></asp:Label>*
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="Txtempname" runat="server" class="form-control" 
                                ontextchanged="Txtempname_TextChanged"></asp:TextBox>
                        </div>
                        <div class="col-md-4">
                            <asp:Label ID="lblFatherHusbandName" runat="server" Text=" Father/Husband Name"></asp:Label>
                            <%--  <input class="form-control" />--%>
                            <asp:TextBox ID="txtfartherhusname" runat="server" TabIndex="1" class="form-control"></asp:TextBox>
                        </div>
                        <div class="col-md-4">
                            <asp:Label ID="lblEmployeeCode" runat="server" Text="Employee Code"></asp:Label>*
                            <%--   <input class="form-control" />--%>
                            <asp:TextBox ID="Txtpaycode" runat="server" TabIndex="3" class="form-control" MaxLength="15" />
                            <%--<asp:Button ID="SearchEmployee" runat="server"   onclientclick="return search()"
                    Text="Search" onclick="SearchEmployee_Click" Visible="False"  
                         />--%>
                        </div>
                        <div class="col-md-4">
                            <asp:Label ID="lblCardNo" runat="server" Text="Enroll No.* Eight Digit Only"></asp:Label>
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="Txtcardno" runat="server" TabIndex="4" onkeypress="return NumberOnly()"
                                class="form-control" MaxLength="8"></asp:TextBox>
                        </div>
                        <div class="col-lg-4">
                        <asp:Label ID="Label3" runat="server" Text="proximity Card No."></asp:Label>
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="txtpcardno" runat="server" TabIndex="4" onkeypress="return NumberOnly()"
                                class="form-control" MaxLength="8"></asp:TextBox>
                        </div>
                        <div class="col-md-4">
                            <asp:Label ID="lblEmailAddress" runat="server" Text="Email Address"></asp:Label>
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="TxtEmailAddress" runat="server" class="form-control"></asp:TextBox>
                        </div>
                        <div class="col-md-4">
                            <asp:Label ID="lblMobileNo" runat="server" Text=" Mobile No."></asp:Label>
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="TxtPhoneNo" runat="server" onkeypress="return NumberOnly()" 
                                class="form-control" MaxLength="15"></asp:TextBox>
                        </div>
                        <div class="col-md-8">
                        <asp:Label ID="Label9" runat="server" Text="Address"></asp:Label>
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="txtaddress" runat="server" class="form-control"></asp:TextBox>
                        </div>
                       
                       
                        </div>
                    </div>
                    </div>
                    <div class="row">
                     <div class="col-md-3">
                            <asp:Label ID="lblCompanyName" runat="server" Text=" Company Name"></asp:Label>*
                            <%--<input class="form-control" />--%>
                            <asp:DropDownList ID="cbocompnayname" runat="server" TabIndex="5" class="form-control"
                                AutoPostBack="True" OnSelectedIndexChanged="cbocompnayname_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
                         <div class="col-lg-3 col-md-3 col-sm-3">
                            <asp:Label ID="lblBranchName" runat="server" Text="Branch Name"></asp:Label>*
                            <%-- <input class="form-control" />--%>
                            <asp:DropDownList ID="cbobranchname" runat="server" TabIndex="8" class="form-control">
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-3">
                            <asp:Label ID="lblDeptName" runat="server" Text="Dept. Name"></asp:Label>
                            *
                            <%-- <input class="form-control" />--%>
                            <asp:DropDownList ID="cbodeptname" runat="server" TabIndex="6" class="form-control"
                                OnSelectedIndexChanged="cbodeptname_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4">
                            <asp:Label ID="lblDesignation" runat="server" Text="Designation"></asp:Label>*
                            <%-- <input class="form-control" />--%>
                            <asp:DropDownList ID="cbodesignation" runat="server" class="form-control" TabIndex="7"
                                OnSelectedIndexChanged="cbodesignation_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
                        
                    </div>
                    <div class="row" style="margin-top:10px">
                    
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <asp:Label ID="lblDateofBirth" runat="server" Text="Date of Birth"></asp:Label>
                            <asp:TextBox ID="txtDateofBirth" runat="server" TabIndex="12" class="form-control"></asp:TextBox>
                            <asp:Panel ID="Panel6" runat="server" Visible="false">
                                <rhp:DatePicker ID="txtDateofBirth1" runat="server" DatePersian="" CalendarType="Persian"
                                    BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                    FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                            </asp:Panel>
                            <%--<input class="form-control" />--%>
                            <AjaxControlToolkit:CalendarExtender ID="CalendarExtender2" runat="server" Format="dd/MM/yyyy"
                                TargetControlID="txtDateofBirth">
                            </AjaxControlToolkit:CalendarExtender>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <%-- <input type="checkbox" />--%>
                            <asp:CheckBox ID="chkReginnationdate" runat="server" AutoPostBack="true" OnCheckedChanged="chkReginnationdate_CheckedChanged"
                                TabIndex="16" Checked="True" Visible="False" />
                            <asp:Label ID="lblResignationDate" runat="server" Text="Resignation Date"></asp:Label>
                            <asp:TextBox ID="txtreginnationdate" runat="server" TabIndex="12" class="form-control"></asp:TextBox>
                            <asp:Panel ID="Panel53" runat="server" Visible="false">
                                <rhp:DatePicker ID="txtreginnationdate1" runat="server" DatePersian="" CalendarType="Persian"
                                    BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                    FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                            </asp:Panel>
                            <AjaxControlToolkit:CalendarExtender ID="txtreginnationdate_CalendarExtender" runat="server"
                                Format="dd/MM/yyyy" TargetControlID="txtreginnationdate">
                            </AjaxControlToolkit:CalendarExtender>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <asp:Label ID="lblShiftStartDate" runat="server" Text="Shift Start Date"></asp:Label>*
                            <asp:TextBox ID="txtshiftstartdate" runat="server" TabIndex="12" class="form-control"></asp:TextBox>
                            <asp:Panel ID="Panel5" runat="server" Visible="false">
                                <rhp:DatePicker ID="txtshiftstartdate1" runat="server" DatePersian="" CalendarType="Persian"
                                    BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                    FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                            </asp:Panel>
                            <AjaxControlToolkit:CalendarExtender ID="CalendarExtender3" runat="server" Format="dd/MM/yyyy"
                                TargetControlID="txtshiftstartdate">
                            </AjaxControlToolkit:CalendarExtender>
                        </div>

                         <div class="col-md-3">
                            <asp:Label ID="lblOfficeTimePolicy" runat="server" Text="Office Time Policy"></asp:Label>*
                            <%-- <select class="form-control"/> <option></option> </select>--%>
                            <asp:DropDownList ID="cboofficetimepolicy" runat="server" TabIndex="9" class="form-control"
                                OnSelectedIndexChanged="cboofficetimepolicy_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
             
                    </div>
                    <div class="clearfix">
                    </div>
                    <div class="row breadcrumb"  style="margin-left:-30px; margin-right:0px;">
                    <div class="col-lg-8"><asp:Label ID="lblShiftDetails" runat="server" Text="Shift Details"></asp:Label></b></div>
                    <div class="col-lg-4" style="">
                      <ol class="breadcrumb" style="padding-left:99px; margin-top:-9px;">
                            <li>
                                <asp:CheckBox ID="ChkAutoshift" runat="server" OnCheckedChanged="ChkAutoshift_CheckedChanged"
                                    TabIndex="16" AutoPostBack="True" />
                                <b>
                                    <asp:Label ID="lblIsAutoShift" runat="server" Text="Is Auto Shift"></asp:Label>
                                </b></li>
                        </ol>
                    </div>
                     
                    </div>
                    <div class="row" style="margin-left:-15px; margin-right:0px; margin-top:-40px;">
                           
                        <div class="col-md-3" style="margin-top:-18px">
                            <asp:Label ID="lblShiftType" runat="server" Text="  Shift Type"></asp:Label>
                            *
                            <%-- <select class="form-control"/> <option></option> </select>--%>
                            <asp:DropDownList ID="cboshifttype" runat="server" AutoPostBack="true" OnSelectedIndexChanged="cboshifttype_SelectedIndexChanged"
                                TabIndex="11" class="form-control">
                                <asp:ListItem Value="1">Fixed</asp:ListItem>
                                <asp:ListItem Value="3">Rotational</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-3" style="margin-top:-18px">
                            <asp:Label ID="lblShiftName" runat="server" Text="Shift Name"></asp:Label>*
                            <%--   <select class="form-control"/> <option></option> </select>--%>
                            <asp:DropDownList ID="cboshiftname" runat="server" OnSelectedIndexChanged="cboshiftname_SelectedIndexChanged"
                                TabIndex="13" class="form-control" AutoPostBack="True">
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-3"  style="margin-top:-18px">
                            <asp:Label ID="lblDateOfJoining" runat="server" Text="Date Of Joining"></asp:Label>*
                            <asp:Label ID="Label27" runat="server" Text="HDS" Width="38px" Visible="False"></asp:Label>
                            <%-- <input class="form-control" />--%>
                            <asp:TextBox ID="TxtDOJ" runat="server" TabIndex="10" class="form-control"></asp:TextBox>
                            <asp:Panel ID="Panel7" runat="server" Visible="false">
                                <rhp:DatePicker ID="TxtDOJ1" runat="server" DatePersian="" CalendarType="Persian"
                                    BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                    FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                            </asp:Panel>
                            <AjaxControlToolkit:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy"
                                TargetControlID="TxtDOJ">
                            </AjaxControlToolkit:CalendarExtender>
                            <asp:DropDownList ID="DropDownList4" runat="server" class="form-control" OnSelectedIndexChanged="Page_Load"
                                TabIndex="21" Visible="False">
                            </asp:DropDownList>
                            <asp:DropDownList ID="DropDownList1" runat="server" Height="20px" OnSelectedIndexChanged="Page_Load"
                                TabIndex="21" Width="27px" CssClass="style18" Visible="False" BackColor="#FFFFCC">
                            </asp:DropDownList>
                         

                        </div>
                         
                          
                             <div class="col-md-3 auto-sift" style="height: 60px; overflow-y: scroll; border: 1px solid #ddd;">
                            <asp:Label ID="lblSelectShiftforAutoShift" runat="server" Text="Select Shift for Auto Shift"></asp:Label>
                            <asp:CheckBoxList ID="ChkAutoshift1" type="checkbox" runat="server">
                            </asp:CheckBoxList>
                        </div>
                            
                    </div>
                
                    <div class="row" style="margin-top: -47px; margin-bottom: 20px; margin-left: -13px;  margin-right: 0px; ">
                     <asp:Panel ID="Panel1" runat="server" Visible="false" Style=" margin-left: 14px;
                            width: 100%; /* margin-bottom: -27px; */
    margin-top: 57px; padding:15px;  padding-bottom:0px;" BorderColor="#6699FF" BorderStyle="Solid">
                          <div class="row">
                            <div class="col-md-3">
                                <span>Add Pattern</span><br />
                                <asp:DropDownList ID="cboAddpatern" runat="server" TabIndex="14"  class="form-control">
                                </asp:DropDownList>
                                <br />
                                
                            </div>
                            <%--    // i start from here--%>
                            <div class="col-md-3">
                                <%-- Remove Pattern<br />--%>
                                <asp:Label ID="Label20" runat="server" Text=" Remove Pattern" ></asp:Label>
                                <asp:DropDownList ID="cboRemovepat" runat="server" TabIndex="15" 
                                   CssClass="style18 form-control">
                                </asp:DropDownList>
                            
                                
                            </div>
                            <%--  <div class="col-md-3">
                            
                            </div>--%>
                            <%--    // i start from here--%>
                             <div class="col-lg-2" style="padding-top:26px">
                             <asp:Button ID="btnadd" runat="server" OnClick="btnadd_Click" Style="margin-top: -14px;"
                                    OnClientClick="return validate()" Text="Add"  Width="62px" BackColor="#449D44"
                                    ForeColor="#FFFFCC" CssClass="btn btn-success" />&nbsp;&nbsp;
                                    <asp:Button ID="btnremove" runat="server"  OnClick="btnremove_Click"
                                    Text="Remove" Width="80px" Font-Bold="False" 
                                    ForeColor="White" BackColor="#C9302C" CssClass="btn btn-danger" style="position:relative; top:-7px;"/>
                             </div>

                            
                                <div class="col-lg-2" style="padding-top:20px">
                                    <asp:RadioButton ID="RdDaily" runat="server" GroupName="ds" Text="" AutoPostBack="True"
                                        OnCheckedChanged="RdDaily_CheckedChanged" Checked="True" />&nbsp;&nbsp;<span>Daily</span><br />
                                     <asp:RadioButton ID="RdWeekly" runat="server" GroupName="ds" Text="" AutoPostBack="True"
                                        OnCheckedChanged="RdWeekly_CheckedChanged" />&nbsp;&nbsp;<span>Weekly</span>
                                </div>
                             
                                <div class="col-lg-2" style="padding-top:20px">
                                    <asp:RadioButton ID="RdBreakMonthly" runat="server" GroupName="ds" Text="" AutoPostBack="True"
                                        OnCheckedChanged="RdBreakMonthly_CheckedChanged" />&nbsp;&nbsp;<span>Break Month</span><br />
                                         <asp:RadioButton ID="RdMonthly" runat="server" GroupName="ds" Text="" AutoPostBack="True"
                                        OnCheckedChanged="RdMonthly_CheckedChanged" />&nbsp;&nbsp;<span>Monthly</span>
                                </div>
                              
                            
                               <div class="col-md-3">
                             <%--   Shift Change After Days--%>
                                <br />
                                <asp:TextBox ID="ShiftDays" runat="server" Width="60px" class="form-control" Visible="false"></asp:TextBox>
                            </div>


                            <%--    // i start from here--%>
                            <div class="col-md-3">
                                <asp:Label ID="lblshiftorder" runat="server"></asp:Label>
                                <br />
                                <asp:Label ID="Label45" runat="server" ForeColor="#FF3300" Style="font-weight: 700"
                                    Text="*" Visible="False"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <%--  Shift Remaining Days<br />--%>
                                <asp:TextBox ID="ShiftRemainDays" runat="server" Width="61px" class="form-control"
                                    Visible="False">0</asp:TextBox>
                            </div>
                            </div>
                         
                            
                        </asp:Panel>


                    </div>
                    <div class="clearfix">
                    </div>
          
              
                    <!--<div class="row">
                    <asp:Panel ID="Panel3" runat="server" Visible="true">
                    </div>-->

                    <div class="row" style="margin-top:28px; margin-left:-16px;">
                    
                    <div class="col-lg-3" style="margin-top:-10px">        <asp:Label ID="lblSecondWeeklyOffDays" runat="server" Text="Second Weekly Off Days"></asp:Label></b></div>
                    <div class="col-lg-6" style="margin-top:-4px">
                              <ol class="breadcrumb" style="margin-left:-31px">
                            <%--    <li style="margin-right: 20px;"><b>
                                    <asp:Label ID="Label3" runat="server" Text="Second Weekly off days"></asp:Label>
                                </b></li>--%>
                                <li style="margin-left:25px;">
                                    <asp:CheckBox ID="chksw1" runat="server" TabIndex="22" Text="I" /></li><li style="margin-left:25px;">
                                        <asp:CheckBox ID="chksw2" runat="server" TabIndex="23" Text="II" /></li><li style="margin-left:25px;">
                                            <asp:CheckBox ID="chksw3" runat="server" TabIndex="24" Text="III" /></li><li style="margin-left:25px;">
                                                <asp:CheckBox ID="chksw4" runat="server" TabIndex="25" Text="IV" /></li><li style="margin-left:25px;">
                                                    <asp:CheckBox ID="chksw5" runat="server" TabIndex="25" Text="V" /></li></ol>
                    </div>
                    
            
                    </div>
                    <div class="row" style="margin-top:-37px;">
                         <div class="col-md-3">
                            <asp:Label ID="lblFirstWeeklyOff" runat="server" Text="First Weekly Off"></asp:Label>*
                            <asp:DropDownList ID="cboFWOff" runat="server" TabIndex="18" class="form-control"
                                OnSelectedIndexChanged="cboFWOff_SelectedIndexChanged1">
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-3">
                            <asp:Label ID="lblSecondWeeklyOff" runat="server" Text="  Second Weekly Off"></asp:Label>
                            <asp:DropDownList ID="cboSWOff" runat="server" TabIndex="19" class="form-control"
                                OnSelectedIndexChanged="cboSWOff_SelectedIndexChanged1">
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-3">
                            <asp:Label ID="lblSecondWOType" runat="server" Text="Second WO Type"></asp:Label>
                            <%--  <select class="form-control"><option></option></select>--%>
                            <asp:DropDownList ID="cboSWOtype" runat="server" TabIndex="20" class="form-control"
                                OnSelectedIndexChanged="cboSWOtype_SelectedIndexChanged1">
                            </asp:DropDownList>
                        </div>
                        <asp:Panel ID="Panel2" runat="server" Visible="true">
                        </asp:Panel>
                        <div class="col-md-3">
                            <asp:Label ID="Label25" runat="server" Text="Half Day Shift"></asp:Label>
                            <%--  <select class="form-control"><option></option></select>--%>
                            <asp:DropDownList ID="cbohalfdayshift" runat="server" OnSelectedIndexChanged="cbohalfdayshift_SelectedIndexChanged"
                                class="form-control">
                            </asp:DropDownList>
                        </div>
                         <div class="col-md-3">
                                                <asp:CheckBox ID="Chknotification" runat="server"   Font-Bold="True" Font-Size="12"  CssClass="check-label"/> &nbsp; &nbsp;<asp:Label ID="Label12" runat="server" Text="Allow Notifications"></asp:Label>
                                        <div style="margin-top:15px;padding-right:30px;padding-bottom:15px;overflow: hidden;">
                                            <asp:Label ID="Label13" runat="server" Text="Extra Allowances for Tour" Font-Bold="True" ForeColor="#E15C11"></asp:Label>
                                            <asp:TextBox ID="txtTourAmt" runat="server" style="margin-top:10px;width:130px;" cssClass="form-control">00.00</asp:TextBox>
                                        </div>
                                            </div>

                    </div>

                    <div class="row" style="display:none;">
                        <asp:TextBox ID="TxtLeaveOpeningBalance" runat="server" Visible="False"></asp:TextBox>
                </asp:Panel>
                <asp:Panel ID="panel4" runat="server" Visible="false">
                    <div class="row" style="margin-top: 0px; color:#E15C11; margin-left:-10px; margin-right:0px;">
                        <ol class="breadcrumb" style="list-style-type:none">
                            <li style="margin-right: 20px;"><b>
                                <asp:Label ID="Label4" runat="server" Text="Access Control Setting"></asp:Label>
                                &nbsp;<span style="font-size:12px;">(Note WeekTime Zone 2,3,4 Only For&nbsp; access controller&nbsp; 2 
                                Door And 4 Door)&nbsp;&nbsp;<asp:CheckBox ID="chkactiveAccess"  runat="server"   Text="Active Access Control for Face Device Models" Visible="False"/></span></b></li>
                        </ol>
                        </div>
                        <div class="row" style="margin-left:-10px; margin-right:0px; margin-top:-10px; font-weight:bold">
                        <div class="col-md-2">
                            <asp:Label ID="Label5" runat="server" Text="Week Time Zone 1"></asp:Label>
                            <asp:DropDownList ID="cboWeekZone" runat="server" TabIndex="9" class="form-control">
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                            </asp:DropDownList>
                        </div>

                          <div class="col-md-2">
                            <asp:Label ID="Label1" runat="server" Text="Week Time Zone 2"></asp:Label>
                            <asp:DropDownList ID="cboWeekZone2" runat="server" TabIndex="9" class="form-control">
                                <asp:ListItem>0</asp:ListItem>
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                            </asp:DropDownList>
                        </div>

                         <div class="col-md-2">
                            <asp:Label ID="Label2" runat="server" Text="Week Time Zone 3"></asp:Label>
                            <asp:DropDownList ID="cboWeekZone3" runat="server" TabIndex="9" class="form-control">
                               <asp:ListItem>0</asp:ListItem>
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                            </asp:DropDownList>
                        </div>

                         <div class="col-md-2">
                            <asp:Label ID="Label8" runat="server" Text="Week Time Zone 4"></asp:Label>
                            <asp:DropDownList ID="cboWeekZone4" runat="server" TabIndex="9" class="form-control">
                               <asp:ListItem>0</asp:ListItem>
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-2">
                            <asp:Label ID="Label6" runat="server" Text=" Validity Start*"></asp:Label>
                            <asp:TextBox ID="Txtvaliditystart" runat="server" TabIndex="10" class="form-control"></asp:TextBox>
                            <asp:Panel ID="Panel8" runat="server" Visible="false">
                                <rhp:DatePicker ID="Txtvaliditystart1" runat="server" DatePersian="" CalendarType="Persian"
                                    BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                    FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                            </asp:Panel>
                            <AjaxControlToolkit:CalendarExtender ID="Caltvaliditystart" runat="server" Format="dd/MM/yyyy"
                                TargetControlID="Txtvaliditystart">
                            </AjaxControlToolkit:CalendarExtender>
                        </div>
                        <div class="col-md-2">
                            <asp:Label ID="Label7" runat="server" Text="Validity End*"></asp:Label>
                            <asp:TextBox ID="Txtvalidityend" runat="server" TabIndex="10" class="form-control"></asp:TextBox>
                            <asp:Panel ID="Panel9" runat="server" Visible="false">
                                <rhp:DatePicker ID="Txtvalidityend1" runat="server" DatePersian="" CalendarType="Persian"
                                    BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
                                    FirstDayOfWeek="Monday" ShowOthers="True"></rhp:DatePicker>
                            </asp:Panel>
                            <AjaxControlToolkit:CalendarExtender ID="CalTxtvalidityend" runat="server" Format="dd/MM/yyyy"
                                TargetControlID="Txtvalidityend">
                            </AjaxControlToolkit:CalendarExtender>
                        </div>
                        </div>
                        </asp:Panel>
                <center>
                    <div class="clearfix">
                    </div>
                    </div>
                    <div class="row" style="margin-left:auto; margin:auto; display:table; margin-top:10px; margin-bottom:15px;">
                       <asp:Button ID="cmdsave" runat="server" Text="Save" OnClick="cmdsave_Click" OnClientClick="return validate()"
                                type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&emsp;&emsp;
                         <a href="#" data-toggle="modal" data-target="#uploadphoto" class="btn btn-primary" >Update  in Device</a>&nbsp;&nbsp;
                            <asp:Button ID="cmdcancel" runat="server" type="button" Text="Cancel" OnClick="cmdcancel_Click"
                                class="btn btn-danger" /><i class="fa fa-trash-o;"></i>
                    </div>
                    </div>

            
                </div>
              
        
    </div>
    </div></div></div>
     <script src="js/jquery-1.8.3.min.js"
       type="text/javascript">

     </script>

     <script>

          function Button1_onclick() {

            window.open('Captureimage.aspx', 'popup_window', 'width=750,height=450,left=100,top=100,menubar=no,resizable=no,scrollbars=yes,location=no,toolbar=no');


         }
         </script>
</asp:Content>
